<!DOCTYPE html>
<html class="fullscreen content-align-left">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="<wk:tplvar name='favico'/>" type="image/x-icon">
<link rel="apple-touch-icon" href="<wk:tplvar name='touchs'/>">
<link rel="apple-touch-icon" sizes="72x72" href="<wk:tplvar name='touchm'/>">
<link rel="apple-touch-icon" sizes="114x114" href="<wk:tplvar name='touchb'/>">
<title><wk:field name='typename'/>-<wk:tplvar name='wap_name'/></title>
<link rel="stylesheet" href="__THEME__/css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="__THEME__/js/jquery.min.js"></script>
</head>
<body class="default-type">
    <header class="menu-left main_header short_header">
        <div class="header_wrapper">
            <a href="javascript:void(0)" class="header_toggler"></a>
            <div class="logo_wrapper">
                <a href="__ROOT__" class="logo"><img src="<wk:tplvar name='logo'/>" alt="" class="logo_def"><img src="<wk:tplvar name='rlogo'/>" alt="" class="logo_retina"></a>
            </div>
	       <wk:include filename='header.htm'/>            
            <div class="footer">
                <section class="socials">
                    <ul class="socials_list">
                       
                    </ul>
                </section>
                <section class="copyright">
                    <wk:global name="cfg_powerby"/> 
                </section>
            </div>
            <div class="clear"></div>
        </div>
    </header>
    <div class="fullscreen_block hided">
	    <div class="fs_grid_portfolio is_masonry">            
            <wk:arclist paging='1' pagesize='20' mod="5" getall='1'>
            <?php 
                $id = $_field['id'];
                $sql = "SELECT * FROM `".C('DB_PREFIX')."addondiyphoto` WHERE `id`='$id'";
                $query = mysql_query($sql);
                while($row=mysql_fetch_array($query)){
                $url = $row[url];
                $body = $row[body];
                $pic = $row[pic];
                $spic = $row[spic];
            }
            ?>
            <div class="grid-port-item">
                <a href="<?php echo $pic; ?>" class="prettyPhoto" data-rel="prettyPhoto[gallery99]" title="">
                    <img src="<?php echo $pic; ?>" alt="" class="fw_featured_image" width="100" height="100">
                    <div class="grid-port-fadder"></div>
                    <div class="grid-port-cont">
                        <span class="grid-port-ico gallery-port-ico"></span>
                    </div>
                </a>
            </div>     
            </wk:arclist>		           
            
		</div>
    </div>
    <div class="la-anim-11 la-animate preloader"></div>
    <script>
		jQuery(document).ready(function(){
			"use strict";
			jQuery('.grid-port-cont').each(function(){
				jQuery(this).css('margin-top', -1*(jQuery(this).height()/2)+'px')
			});
			if (jQuery('.pagline_toggler').size() > 0) {
				jQuery('html').addClass('hasPag');
			}
			jQuery('.is_masonry').masonry();
		});
        jQuery(window).load(function () {
			"use strict";
			jQuery('.is_masonry').masonry();
			setTimeout("jQuery('.is_masonry').masonry()",1000);
        });
        jQuery(window).resize(function () {
			"use strict";
			jQuery('.is_masonry').masonry();
        });
		jQuery(document).ready(function(){
			"use strict";
			setTimeout(function(){
				jQuery('.fullscreen_block').removeClass('hided');
				if (jQuery('.fw_line').size() > 0) jQuery('.fw_line').addClass('loaded');				
			},2500);
			setTimeout("jQuery('.preloader').remove()",2700);
			setTimeout("jQuery('.is_masonry').masonry()",3000);				
		});		
    </script>       
	<div class="custom_bg"></div>
	<script type="text/javascript" src="__THEME__/js/jquery-ui.min.js"></script>    
    <script type="text/javascript" src="__THEME__/js/modules.js"></script>
	<script type="text/javascript" src="__THEME__/js/theme.js"></script>
</body>
</html>